import type { Config } from "tailwindcss";
import { nextui } from "@nextui-org/react";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        background: "var(--background)",
        foreground: "var(--foreground)",
      },
      // animation: {
      //   blob: "blob 7s infinite",
      // },
      // keyframes: {
      //   blob: {
      //     "0%": {
      //       transform: "translate(0px, 0px) scale(1)",
      //     },
      //     "33%": {
      //       transform: "translate(30px, -50px) scale(1.1)",
      //     },
      //     "66%": {
      //       transform: "translate(-20px, 20px) scale(0.9)",
      //     },
      //     "100%": {
      //       transform: "translate(0px, 0px) scale(1)",
      //     },
      //   },
      // },
      container: {
        center: true,
        padding: '1rem',
        screens: {
          sm: '640px',
          md: '768px',
          lg: '1024px',
          xl: '1280px',
        },
      },
    },
  },
  darkMode: "class",
  plugins: [nextui()],
};

export default config;
